<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>物流信息</title>  
    <link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../fonts/iconfont/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/global.css"/>
	<style>
		.logistics_info{border-left: 1px solid #ddd;margin-left: 40px;padding:0 20px 10px;position: relative;}
		.logistics_info:before{width: 20px;height: 20px;border-radius: 50%;background: #25AE5F;position: absolute;left: -11.5px;top: 0;display: block;content: '';border: 3px solid #ddd;}
		.logistics_info:after{display: block;width: 100%;height: 1px;content: '';background: #efefef;left: 0;bottom: 0;right: 0;}
	</style>
</head>
<body ng-app="app" ng-controller="my_controller" class="bg_white">	
	<header class="mui-bar mui-bar-nav bg_white">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left colorP"></a>
		<h1 class="mui-title colorP">物流信息</h1>		
	</header>
	<div class="mui-content bg_white">
		<div class="paddingl_r_15px_tb11px bg_white">
			<h4 style="font-weight: normal;">物流跟踪</h4>
			<hr class="margin-bottom20px"/>
			<p class="mui-text-center padding_tb20" ng-if="res == undefind"><i class="iconfont mui-icon font40">&#xe6e3;</i><br /> 还未查到物流信息~~~</p>
			<div class="logistics_info" ng-repeat="(index,vo) in res.result.list">
		    	<p>{{vo.remark}}</p>
		    	<p class="line-height30px font12">{{vo.datetime}}</p>
		   </div>
		</div>	    
	</div>
</body>
<script src="../js/mui.min.js"></script>
<script src="../js/open.js"></script>
<script src="../libs/jquery/jquery.js"></script>
<script src="../js/apppublic.js"></script>
<script src="../js/angular.js"></script>
<script src="../js/app/logistics.js"></script>
</html>